    <footer>
        <div class="devider"></div>
        <div class="textBoxAndImage">
            <div class="textBoxAndImageLeft">
                <img src="#" alt=""/>
                <h1><span>Pharetra</span> Eget</h1>
                <p>Donec pellentesque, justo eget imperdiet viverra, lectus mi ornare arcu, non laoreet lacus lacus eleifend orci. Nam tincidunt vestibulum lacus nec pharetra. Nunc commodo aliquam lectus quis bibendum.</p>
                <p>Donec pellentesque, justo eget imperdiet viverra, lectus mi ornare arcu, non laoreet lacus lacus eleifend orci. Nam tincidunt vestibulum lacus nec pharetra. Nunc commodo aliquam lectus quis bibendum.</p>
                <span class="glyphicon glyphicon-record"></span>
            </div>
            <div class="textBoxAndImageRight">
                <h1><span>Newsletter</span> Subscription</h1>
                  <div class="col-lg-6">
                    <div class="input-group">
                        <form action="mail.php" method="post">
                            <input type="email" class="form-control" required placeholder="you@yourcompany.com">
                        </form>
                      <span class="input-group-btn">
                        <button class="btn btn-default" id="mybutton" type="button">Sing-Up</button>
                      </span>
                    </div>
                  </div>
                  <div class="lastTwits">
                    <div class="twitsLeftBox">
                        <button type="button" class="btn btn-danger">Follow</button>
                    </div>
                    <div class="twitsRightBox">
                        RT @_1981_: Check out his awesome template on #themeforest-<span>http://www.themeforest.net</span> :D
                        <a href="javascript:;" class="btn btn-default btn-lg">
                            <span class="glyphicon glyphicon-retweet"></span>
                        </a>
                    </div>
                  </div>
            </div>
        </div>
        <div class="footerContent">
            <div class="flickr">
                <h1>Flickr</h1>
                <script type="text/javascript" src="http://www.flickr.com/badge_code_v2.gne?show_name=1&count=8&display=latest&size=s&layout=x&source=all&user=106470971%40N02"></script>
            </div>
            <div class="featureClients">
                <h1>Featured Clients</h1>
                <img src="img/the_new.png" alt="The New" class="theNew"/>
                <img src="img/coca_cola.png" alt="Coca Cola" class="cocaCola"/>
                <img src="img/pixar.png" alt="Pixar" class="pixar"/>
                <img src="img/ducati.png" alt="Ducati" class="ducati"/>
            </div>
            <div class="ourFriends">
                <h1>Our Friends</h1>
                    <ul>
                        <li><a href="#">GraphicRiver</a></li>
                        <li><a href="#">ThemeForest</a></li>
                        <li><a href="#">NineteenEightyOne</a></li>
                        <li><a href="#">SuiteTuts</a></li>
                        <li><a href="#">WeAreRuckus</a></li>
                    </ul>
            </div>
            <div class="pages">
                <h1>Pages</h1>
                    <ul>
                        <li><a href="index.html">Home</a></li>
                        <li><a href="#">About</a></li>
                        <li><a href="#">Work</a></li>
                        <li><a href="#">Blog</a></li>
                        <li><a href="#">Contact</a></li>
                    </ul>
            </div>
        </div>
        <div class="footerCopyright">
            <span>Copyright 2011 | Nineteen Eighty-One</span>
            <ul class="footerNav">
                <li><a href="#">FAQ</a></li>
                <li><a href="#">Privacy Policy</a></li>
                <li><a href="#">API</a></li>
                <li><a href="#">Advertise</a></li>
            </ul>
        </div>
    </footer>
</div><!-- end of .wrapper -->
    <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.js"></script>
    <script>
        if (typeof jQuery == 'undefined') {
        var e = document.createElement('script');
        e.src = "js/libs/jquery-2.0.3.js";
        e.type='text/javascript';
        document.getElementsByTagName("head")[0].appendChild(e);
        }
    </script>
    <script src="js/plugins.js"></script>
    <script src="js/application.js"></script>
    <script src="js/dropdown.js"></script>
    <script src="js/carousel.js"></script>
    <!-- end scripts -->
    <!-- Asynchronous Google Analytics snippet. Change UA-XXXXX-X to be your site's ID.
       mathiasbynens.be/notes/async-analytics-snippet -->
    <script>
        // var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];
        // (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
        // g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
        // s.parentNode.insertBefore(g,s)}(document,'script'));
    </script>
</body>
</html>